@import "../../../style/sass/common/variables.scss";
@import "../../../style/sass/common/function.scss";
.i-search, .i-list{
    font-size: 24px;
}
.order-list-all{
    border-bottom: 1px solid #CCC;
}
.order-classify-icon{
    transition-duration: 0.5s;
}
.order-classify-button{
    width: 98px;
    background-color: #D67639;
    color: $baseBgColor;
}
.order-classify-list{
    width: pxtorem(80);
    background-color: #F0F0F0;
}
.order-content{
    position: relative;
}
.order-customer-model{
    color: $baseBgColor;
}
.order-type-customer{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.order-footer-icon{
    background-color: #6FB03A;
    width: 56px;
    font-size: 40px;
    color: #FFFFFF;
}
.img-container{
    position: relative;
}
.confirm-footer-button{
    background-color: $bd-success;
}
.confirm-list{
    background-color: #E0E0E0;
    border-radius: 20px;
    margin: 5px;
}
.order-table-cancel,order-table-confirm{
    margin: 0.5rem;
}
.order-table-confirm{
    background-color: $brand-primary;
}
.search-area-container{
    border: 1px solid #CCCCCC;
    background-color: $baseBgColor;
    input{
        border: 0;
    }
    .i-search{
        font-size: 1.4rem;
    }
    .i-keyboard{
        font-size: 1.8rem;
    }
}
.list-area-tip{
    background-color: rgba(53,53,59,0.5);
}
.list-item{
    border-bottom: 1px solid #EEEEEE;
    background-color: #FFFFFF;
}

@media (max-width: 600px){
    .order-list{
        width: 100%;
    }
}
// .inventory-price-num{
//     font-size: 0.8rem;
// }
.order-this-order{
    width: 100%;
    button{
        width: 48px;
        height: 48px;
    }
    .item-container {
        max-height: 150px;
    }
}
.this-order{
    img{
        width:100%;
    }
    .this-order-border-bottom{
        border-bottom: 1px solid #CCCCCC;
    }
}
.order-close-button{
    position: absolute;
    top: 0;
    right: 0;
}
.inventory-modifier-list{
    color: #FFFFFF;
    background-color: $brand-primary;
    font-size: 12px;
    margin-left: 2px;
}
//new-start
.category-container{
    position: relative;
    height: pxtorem(60);
}
.inventory-type{
    font-size: pxtorem(15);
    height:  pxtorem(25);
}
.type-selected{
    background-color: $color-white;
    .inventory-type{
        color: $color-primary;
        border-left: pxtorem(4) solid $color-primary;
        .category-name{
            margin-left: -pxtorem(4);
        }
    }
    .category-bottom{
        width: 0;
        border-bottom: none;
    }
}
.category-bottom{
    width: 4rem;
    border-bottom: 1px solid #d6d6d6;
}
.order-item{
    background-color: #f0f0f0;
    height: pxtorem(35);
    padding-left: pxtorem(12);
}
.invt-list{
    font-size: pxtorem(17);
}
.invt-list-container{
    padding-left: pxtorem(12);
}
.invt-item{
    height: pxtorem(70);
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    .invt-item-info{
        padding: pxtorem(8) 0;
    }
}
.invt-order{
    >div{
        margin-right: pxtorem(8);
    }
}
.order-footer{
    position: relative;
    .footer-btn{
        font-size: pxtorem(25);
    }
    .footer-invtname{
        width: pxtorem(80);
    }
    // box-shadow: 0 -1px 2px #cccccc;
}
.order-footer-invt{
    color: $color-lightblack;
    align-items: center;
}
.order-footer-img{
    width: pxtorem(40);
    height: pxtorem(40);
}
.order-footer-btn{
    width: pxtorem(85);
    background-color: $color-accent;
    color: $color-white;
}
/*order-more*/
.order-more-class{
    font-size: pxtorem(15);
    color: $color-lightblack;
    background-color: #f0f0f0;
    height: pxtorem(35);
}
.combo-list{
    font-size: pxtorem(17);
}
.combo-btn{
    font-size: pxtorem(28);
}
.combo-btn-add{
    color: $color-primary;
}
.combo-btn-qty{
    width: pxtorem(28);
    height: pxtorem(28);
    font-size: pxtorem(20);
    border: 1px solid #ccc;
    border-radius: 50%;
}
.combo-btn-photos{
    width: pxtorem(28);
    height: pxtorem(28);
    border: 1px solid $color-primary;
    border-radius: 50%;
    background-color: $color-primary;
    color: $color-white;
}
.combo-order{
    height: pxtorem(56);
    flex-shrink: 0;
    border-bottom: 1px solid $color-gray;
    >div{
        margin-right: pxtorem(12);
    }
}
.combo-order-name{
    max-height: 100%;
    overflow: hidden;
}
.combo-option-order{
    padding-left: pxtorem(8);
    padding-right: pxtorem(8);
}
.combo-select-option{
    padding-top: pxtorem(8);
    border-bottom: 1px solid #cccccc;
    .combo-btn, .combo-btn-qty{
        margin-right: pxtorem(12);
    }
}
/*order-combo-detail*/
.combo-detail-container{
    height: 100%;
    color: $color-lightblack;
}
.combo-detail-name{
    font-size: pxtorem(20);
    margin-left: pxtorem(20);
    color: $color-lightblack;
}
.combo-detail-close{
    margin-right: pxtorem(20);
    color: $color-lightblack;
}
.combo-detail-info{
    height: pxtorem(56);
    border-bottom: 1px solid #cccccc;
}
.combo-detail-remark{
    width: pxtorem(335);
    height: pxtorem(80);
    resize: none;
    border-radius: 8px;
    padding: pxtorem(10);
    color: $color-lightgray;
    font-size: pxtorem(15);
}
.combo-detail-btn{
    color: $color-white;
}
.combo-detail-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 48%;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    max-width: 48%;
}
.combo-detail-flexfull{
    display: flex;
    flex:1 0 100%;
    align-items: center;
    >span{
        &:first-child{
            margin-left: pxtorem(20);
        }
    }
}
.combo-detail-remarkcontainer{
    margin-top: pxtorem(44);
    font-size: pxtorem(15);
}
.combo-detail-mod{
    font-size: pxtorem(15);
}
.combo-detail-modname{
    height: pxtorem(40);
}
.combo-detail-option{
    justify-content: space-between;
}
.combo-opt-info{
    height: pxtorem(30);
    border-radius: pxtorem(4);
    border: 1px solid $color-gray;
}
.combo-margin{
    margin-top: pxtorem(10);
}
.combo-select{
    color: $color-white;
    background-color: $color-primary;
}
.order-list-item{
    position: relative;
    font-size: pxtorem(17);
    min-height: pxtorem(80);
    border-bottom: 1px solid $color-gray
}
.order-list-info{
    position: relative;
}
.order-footer-statistics{
    height: pxtorem(40);
    border-top: 1px solid $color-gray;
    // box-shadow: 0 -1px 5px $color-gray;
}
.invt-search-area{
    height: pxtorem(56);
    background-color: $color-whitegray;
    font-size: pxtorem(20);
    color: $color-lightgray;
    input{
        border: none;
        color: $color-lightgray;
        background-color: $color-whitegray;
    }
    .search-keyboard{
        color: $color-lightblack;
    }
}
.order-container{
    height: 100%;
}
.search-item-list{
    height: pxtorem(60);
    font-size: pxtorem(15);
    border-bottom: 1px solid $color-lightgray;
    position: relative;
}
.search-item-pic{
    width: pxtorem(40);
    height: pxtorem(40);
}
.order-confirm-textarea{
    textarea{
        resize: none;
        height: pxtorem(80);
        color: $color-lightgray;
        border-radius: pxtorem(8);
    }
}
.order-confirm-table{
    height: pxtorem(36);
    border-radius: pxtorem(8);
    border: 1px solid $color-gray;
}
.opt-selected{
    background-color: $color-primary;
    color: $color-white;
}
.order-more-optitem{
    border: 1px solid $color-gray;
    border-radius: pxtorem(8);
    width: pxtorem(157.5);
    height: pxtorem(36);
}
.order-more-textarea{
    textarea{
        height: pxtorem(80);
        width: pxtorem(335);
        border-radius: pxtorem(8);
        resize: none;
    }
}
.order-more-content{
    height: 100%;
}
.select-qty-item{
    font-size: pxtorem(17);
    border-bottom: 1px solid $color-gray;
    height: pxtorem(56);
}
.this-order-button{
    font-size: pxtorem(28);
}
.invt-soldout{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    .invt-soldout-tip{
        width: pxtorem(50);
        height: pxtorem(30);
        border-radius: pxtorem(8);
        background-color: #e7e7e7;
        position: absolute;
        right: pxtorem(10);
        top: 50%;
        transform: translateY(-50%);
        color: $color-lightgray;
    }
}
.order-more-option{
    padding: 0 pxtorem(12) pxtorem(12) pxtorem(12);
}
//new-end

.mat-sidenav-container{
    background-color: $color-white !important;
}

.pick-up-side{
    width: 70%;
}

.pick-up-item{
    height: pxtorem(50);
    border-bottom: 1px solid $color-gray;
}
.pickup-list{
    height: pxtorem(50);
    border-bottom: 1px solid $color-gray;
}

.list-qty{
    width: pxtorem(25);
    height: pxtorem(25);
    border: 1px solid $color-lightgray;
    border-radius: 50%;
}
.list-btn{
    font-size: pxtorem(30);
    color: $color-lightgray;
}
.add-btn{
    color: $color-primary;
}
.weight-btn{
    width: pxtorem(30);
    color: $color-primary;
}
.list-qty-weight{
    width: pxtorem(50);
    height: pxtorem(30);
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: pxtorem(20);
}